EGroupware / egroupware

 * EGroupware clientside API object

 *

 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License

 * @package etemplate

 * @subpackage api

 * @link http://www.egroupware.org

 * @author Andreas Stöckel (as AT stylite.de)

 * @author Ralf Becker <[email protected]>

 * @version $Id$

 */

"use strict";

/*egw:uses

	jquery.jquery-ui;

	jquery.jquery-ui-timepicker-addon;

	egw_core;

	egw_preferences;

//	egw_jquery;

	egw_css;

*/

/**

 * Date and timepicker

 *

 * @augments Class

 * @param {string} _app application name object is instanciated for

 * @param {object} _wnd window object is instanciated for

 */

egw.extend('calendar', egw.MODULE_WND_LOCAL, function(_app, _wnd)

{

	// translate only once

	var calendar_translated = false,timepicker_translated = false;

	function calendarPreferences(_egw)

	{

		// Date format in jQuery UI date format

		var dateformat = dateTimeFormat(_egw.preference("dateformat"));

		// First day of the week

		var first_day = {"Monday": 1, "Sunday": 0, "Saturday": 6};

		var first_day_pref = _egw.preference("weekdaystarts","calendar");

		return {

			'dateFormat': dateformat,

			'firstDay': first_day_pref ? first_day[first_day_pref] : 0

		};

	};

	/**

	 * transform PHP date/time-format to jQuery date/time-format

	 *

	 * @param {string} _php_format

	 * @returns {string}

	 */

	function dateTimeFormat(_php_format)

	{

		return _php_format

			.replace("Y","yy")

			.replace("d","dd")

			.replace("m","mm")

			.replace("M", "M")

			.replace('H', 'hh')

			.replace('i', 'mm')	// datepicker uses mm for month and minutes, depending where in format it's written!

			.replace('s', 'ss');

	}

	function timePreferences(_egw)

	{

		return {

			// timepicker does NOT work with spaces in timeformat

			"timeFormat": egw.preference("timeformat") == 12 ? "h:mmtt" : "HH:mm",

			"ampm": (egw.preference("timeformat") == "12"),

			"hourGrid": 4,

			"minuteGrid": 10

		};

	};

	function setupCalendar(_egw, _input, _time, _callback, _context)

	{

		if (!calendar_translated)

		{

			// Set template's icon for date popup - could probably use jquery-ui icons

			_egw.css(".et2_date input.hasDatepicker:enabled:hover", "background-image: url(" + egw().image('datepopup') + ")");

			translateCalendar();

			calendar_translated = true;

		}

		if (!timepicker_translated)

		{

			translateTimepicker();

			timepicker_translated = true;

		}

		var prefs = calendarPreferences(_egw);

		var params = {

			dateFormat: prefs.dateFormat,

			firstDay: prefs.firstDay,

			autoSize: true,

			showButtonPanel: true, // Today, Done buttons

			showOtherMonths: true,

			selectOtherMonths: true,

			showWeek: true, // Week numbers

			changeMonth: true, // Month selectbox

			changeYear: true // Year selectbox

		};

		// Get the preferences

		if(_time)

		{

			params = jQuery.extend(params, timePreferences(_egw));

			_wnd.jQuery(_input).datetimepicker(params);

		}

		else

		{

			_wnd.jQuery(_input).datepicker(params);

		}

/*

				onClose:	function(date_text, picker) {

					// Only update if there's a change - "" if no date selected

					if(date_text != "") self.set_value(new Date(

						picker.selectedYear,

						picker.selectedMonth,

						picker.selectedDay,

						self.input_hours ? self.input_hours.val() : 0,

						self.input_minutes ? self.input_minutes.val() : 0,

						0,0

					));

				},

			});

*/

	};

	/**

	 * Set up an input to have a time selection popup

	 *

	 * @param {egw} _egw egw object to use

	 * @param {(node|string)} _input input field to use

	 */

	function setupTime(_egw, _input)

	{

		if (!timepicker_translated)

		{

			translateTimepicker();

			timepicker_translated = true;

		}

		_wnd.jQuery(_input).timepicker(timePreferences(_egw));

	}

	/**

	 * Translate, and set as default values

	 *

	 */

	function translateCalendar()

	{

		var translate_fields = {

			// These ones are simple strings

			"nextText": false,

			"currentText": false,

			"prevText": false,

			"closeText": false,

			// These ones are arrays.

			// Integers are length.  If lang() has no short translation, just trim full

			"dayNames":	false,

			"dayNamesShort":3,

			"dayNamesMin":	2,

			"monthNames":	false,

			"monthNamesShort":	3

		};

		var regional = {};

		var full = [];

		for(var i in translate_fields)

		{

			var trans = _wnd.jQuery.datepicker._defaults[i];

			if(typeof trans === 'string')

			{

				trans = egw().lang(trans);

			}

			else

			{

				for(var key in trans) {

					if(translate_fields[i] === false)

					{

						trans[key] = egw().lang(trans[key]);

					}

					else

					{

						if (key != 'indexOf') trans[key] = full[key].substr(0,translate_fields[i]);

					}

				}

				// Keep the full one for missing short ones

				if(translate_fields[i] === false) full = trans;

			}

			regional[i] = trans;

		}

		// Set some non-lang defaults too

/*

		var prefs = calendarPreferences(egw());

		for(var i in prefs)

		{

			regional[i] = prefs[i];

		}

*/

		_wnd.jQuery.datepicker.setDefaults(regional);

	};

	function translateTimepicker()

	{

		var translate_fields = {

			// These ones are simple strings

			"timeOnlyTitle": false,

			"timeText": false,

			"hourText": false,

			"minuteText": false,

			"currentText": false,

			"closeText": false

		};

		var regional = {};

		for(var i in translate_fields)

		{

			var trans = _wnd.jQuery.timepicker._defaults[i];

			if(typeof trans === 'string')

			{

				trans = egw().lang(trans);

			}

			regional[i] = trans;

		}

		_wnd.jQuery.timepicker.setDefaults(regional);

	};

	return {

		/**

		 * setup a calendar / date-selection

		 *

		 * @member of egw

		 * @param _input

		 * @param _time

		 * @param _callback

		 * @param _context

		 * @returns

		 */

		 * setup a time-selection

		 *

		 * @param _input

		 * @param _callback

		 * @param _context

		 * @returns

		 */

		time: function(_input, _callback, _context)

		{

		},

		/**

		 * transform PHP date/time-format to jQuery date/time-format

		 *

		 * @param {string} _php_format

		 * @returns {string}

		 */

		dateTimeFormat: function(_php_format)

		{

			return dateTimeFormat(_php_format);

		},

		/**

		 * Calculate the start of the week, according to user's preference

		 */

		week_start: function(date) {

			var d = new Date(date);

			var day = d.getUTCDay();

			var diff = 0;

			switch(egw.preference('weekdaystarts','calendar'))

			{

				case 'Saturday':

					diff = day === 6 ? 0 : day === 0 ? -1 : -(day + 1);

					break;

				case 'Monday':

					diff = day === 0 ? -6 : 1-day;

					break;

				case 'Sunday':

				default:

					diff = -day;

			}

			d.setUTCDate(d.getUTCDate() + diff);

			return d;

		}

	};

});